<html>
  <head>
    <title>蒸蒸日上的学习展示</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
  </head>
  <body>
    <div class="container">
      <div class="row clearfix">
        <div class="col-md-12 column">
          <div class="jumbotron">
            <h1>
              蒸蒸日上的学习展示
            </h1>
            <p>
              这里记录本人学习HTML/JS/CSS 的心得与效果展示，非商业用途，仅作学习交流用~
            </p>
            <p>
              正在马不停蹄的建设中，敬请期待~~~
            </p>
            <p>
              <a class="btn btn-primary btn-large" href="./sgs">查看详情</a>
            </p>
          </div>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-3 column">
          <h2>
            其疾如风
          </h2>
          <p>
            行动迅速时，如狂风飞旋
          </p>
          <p>
            <a class="btn" href="#">View details »</a>
          </p>
        </div>
        <div class="col-md-3 column">
          <h2>
            侵略如火
          </h2>
          <p>
            攻城掠地时，如烈火迅猛
          </p>
          <p>
            <a class="btn" href="#">View details »</a>
          </p>
        </div>
        <div class="col-md-3 column">
          <h2>
            其徐如林
          </h2>
          <p>
            行进从容时，如森林徐徐展开
          </p>
          <p>
            <a class="btn" href="#">View details »</a>
          </p>
        </div>
        <div class="col-md-3 column">
          <h2>
            不动如山
          </h2>
          <p>
            驻守防御时，如大山岿然
          </p>
          <p>
            <a class="btn" href="#">View details »</a>
          </p>
        </div>
      </div>
    </div>
  </body>
</html>
